<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link rel="stylesheet" type="text/css" href="css/reset.css" />
    <link rel="stylesheet" type="text/css" href="css/actor.css" />
    <link rel="stylesheet" type="text/css" href="css/animation.css" />
    <link rel="stylesheet" type="text/css" href="css/button.css" />
    <link rel="stylesheet" type="text/css" href="css/login.css" />
    <title>名伶</title>



</head>
<style>

</style>



<body>
    <div class="web">
            <header>
                                <section><img src="images/logo_03.jpg"></section>
                                <section><img src="images/logo.jpg"></section>
                                <nav class="btn_nav">
                                    <span></span>
                                    <span></span>
                                    <span></span>
                                </nav>
                                <ul class="nav">
                                        <li><a href="index.html">首页</a></li>
                                        <li><a href="video.html">视频</a></li>
                                        <li><a href="fun.html">功能</a></li>
                                        <li><a href="consult.html">咨询</a></li>
                                        <li class="border_san"><a href="actor.html">名伶</a></li>
                                        <li class="toggle_btn">登录</li>
                                </ul>
            </header>
            <h1>优秀粤剧人</h1>
            <article class="content_box">
                    <section class="actor">
                            <article>
                                <div class="imgbox">
                                        <img src="images/ml1_03.jpg">
                                </div>
                            </article>
                            <aside>
                                <h1>人民的红线女</h1><a href="person.html">了解更多</a>
                                <h3>粤剧一代宗师、红派艺术创始人</h3>
                                <p>红线女（1924年12月27日-2013年12月8日），原名邝健廉，女，汉族，祖籍广东开平，
                                        中国当代著名粤剧表演艺术家、红派艺术创始人。 [1-6]  2009年，荣获首届
                                        “中国戏剧终身成就奖”。2013年12月8日，因突发性心肌梗塞在广州逝世,
                                        享年89岁</p>
                            </aside>
                    </section>

                    <section class="actor">
                            <aside>
                                <h1>“虾腔” 罗家宝</h1><a href="person.html">了解更多</a>
                                <h3>粤剧表演艺术家</h3>
                                <p>罗家宝（1930—2016），1930 年生，顺德人，粤剧表演艺术家。罗家宝
                                        生于戏剧世家，从小受到了粤剧的熏陶，创造了独树一帜的 “ 虾腔”。
                                        2002年，罗家宝获得了广东省所授予的粤剧“ 突出成就奖 ”。
                                        </p>
                            </aside>
                            <article>
                                    <div class="imgbox">
                                            <img src="images/ml2_07.jpg">
                                    </div>
                            </article>
                    </section>

                    <section class="actor">
                            <article>
                                <div class="imgbox">
                                        <img src="images/ml3_10.jpg">
                                </div>
                            </article>
                            <aside>
                                <h1>正印花旦郭凤女</h1><a href="person.html">了解更多</a>
                                <h3>广州粤艺发展中心的国家一级演员</h3>
                                <p>著名粤剧表演艺术家红线女的学生，红派艺术的传人。她曾多次随团出访演出，
                                        备受欢迎和赞誉。1993年至今连任广州市政协常委会委员。</p>
                            </aside>
                    </section>

                    <section class="actor">
                            <aside>
                                <h1>正印文武生</h1><a href="person.html">了解更多</a>
                                <h3>国家一级演员</h3>
                                <p>获第十二届中国戏剧梅花奖。原名欧小胡。男，广西壮族自治区人。
                                        1989年毕业于于广西艺术学校。1980年从艺，师承红线女，工文武小生。
                                        现任广东省戏剧家协会第十届副主席
                                        </p>
                            </aside>
                            <article>
                                    <div class="imgbox">
                                            <img src="images/ml4_14.jpg">
                                    </div>
                            </article>
                    </section>
            </article>
            <div><span>展开更多</span></div>
           
           <footer>
                <img src="images/footer_02.jpg">
                <aside>
                    <p>意见反馈 & 让我们变得更好</p>
                    <input type="text">
                    <span>sumbit</span> 
                </aside> 
           </footer>
    </div>
    <!--登录-->
    <div class="login">
                <article>
                        <section class="login_left">
                                <img src="images/dl_03.jpg">
                        </section>
                         <form class="login_right login_box">
                                <h3>登录</h3>
                                <input type="text" placeholder="请输入用户名/手机号" required>
                                <input type="password" placeholder="请输入密码" required minlength="8" maxlength="15" required/><br>
                                <input type="submit" value="确认登录">
                                <p>还没注册？去<span class="reg_btn">注册</span></p>
                        </form> 
                        <form class="login_right register">
                            <h3>注册</h3>
                            <input type="text" placeholder="请输入手机号注册" required>
                            <input  placeholder="请输入密码"  type="password" minlength="8" maxlength="15" required/><br>
                            <input  placeholder="请确认密码"  type="password" minlength="8" maxlength="15" required/><br>
                            <input type="submit" value="确认注册">
                            <p>注册完成？去<span class="login_btn">登录</span></p>
                    </form>
                </article>
                <span class="back">返回</span>
        </div>
</body>
<script src="js/response.js"></script>
<script src="js/logres.js"></script>
 <script src="js/nav.js"></script>

<script>

        
</script>

</html>